<template>
  <div class="complete">
    <div class="content">
      <img src="@/assets/img/correct.png" alt="无法显示图片" />
      <div class="big">支付成功</div>
    </div>
    <router-link to="main"> 点击前往主页选取座位 </router-link>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  setup() {},
});
</script>

<style lang="scss" scoped>
@import "@/assets/css/config.scss";
.complete {
  position: relative;
  left: 200px;
  top: 100px;
  width: 400px;
  text-align: center;
  background: $themeLightGray;
  border: 1px solid $themeLightGray;
  padding: 10px;
}
.big {
  font-size: 20px;
  text-indent: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}
img {
  width: 100px;
  height: 100px;
}
a {
  text-decoration: none;
	color: rgb(90, 165, 240);
}
a:hover {
  text-decoration: underline;
}
</style>